body:not([data-presentation="FixedSize"]) tab.visible.screenshot-squish {
  align-items: flex-start !important;
}
body:not([data-presentation="FixedSize"]) tab.visible.screenshot-squish .repl-output {
  padding: 0 1em 1em;
}
body:not([data-presentation="FixedSize"]) tab.visible.screenshot-squish .repl-block {
  align-items: flex-start;
}
body:not([data-presentation="FixedSize"]) tab.visible.screenshot-squish sidecar {
  height: initial;
}
body:not([data-presentation="FixedSize"]) tab.visible.screenshot-squish {
  flex: initial;
}
body:not([data-presentation="FixedSize"]) tab.visible.screenshot-squish sidecar .custom-content,
body:not([data-presentation="FixedSize"]) tab.visible.screenshot-squish sidecar .sidecar-content {
  flex: initial;
}

body {
  /* provide default values for these color classes */
  --color-screenshot-background: var(--color-base0D);
  --color-screenshot-foreground: var(--color-base07);
}

.screenshot-squish .hide-with-screenshot {
  display: none;
}

body.no-tooltips-anywhere [data-balloon]:before,
body.no-tooltips-anywhere [data-balloon]:after {
  display: none !important;
}
.screenshot-close-botton svg path {
  fill: var(--color-screenshot-foreground);
  stroke: var(--color-screenshot-foreground);
  transition: fill 150ms ease-in-out;
}
.screenshot-close-botton:hover {
  cursor: pointer;
}
.screenshot-close-botton:hover svg path {
  fill: var(--color-base0D);
}

.screenshot-save-button {
  cursor: pointer;
  font-size: 0.875em;
  margin: 0.25em 0;
}

.screenshot-success-message {
  flex: 1;
  font-size: 0.875em;
}
.screenshot-content {
  flex: 3;
  display: flex;
  flex-direction: column;
  margin: 0.5em;
}
.screenshot-close {
  flex-direction: column;
  margin: 0.5em;
  display: flex;
}
.screenshot-message {
  flex: 1;
}
.screenshot-closing-message {
  opacity: 0.6;
  font-size: 0.75em;
  margin-top: 0.25em;
}

#screenshot-captured {
  position: absolute;
  bottom: 1em;
  transition: right 500ms ease-out;
  width: 25em;
  height: 6.5em;
  z-index: 5;
  box-shadow: 0 0 2em var(--color-base01);
  border: 0.063em solid var(--color-base04);
  background: var(--color-screenshot-background);
  color: var(--color-screenshot-foreground);
  padding-left: 0em;
  font-style: normal;
  font-weight: normal;
  line-height: 0.875em;
}
.screenshot-hide {
  right: -100%;
}
.screenshot-active {
  right: 1em;
}

#screenshot-captured .sidecar-bottom-stripe {
  justify-content: flex-end;
  align-items: center;
  padding: 0 0.375em 0 1em;
}

#screenshot-captured .screenshot-image {
  width: 7.33em;
  height: 5.5em;
  margin: 0.5em;
  object-fit: cover;
}

#screenshot-captured .sidecar-bottom-stripe .sidecar-bottom-stripe-button {
  width: 1.375em;
}

#screenshot-captured .grab-focus.hidden {
  /* to avoid the "capture escape" element from affecting reflow while
   it is hidden */
  width: 0;
}
